<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>VUE实例</title>
		<script type="text/javascript" src="../vue.js" ></script>
	</head> 
	<body>
		<div id = "root">
			<div @click = "handleClick">
				{{message}}
			</div>
			<item></item>
		</div>
	</body>
	<script>
		
	  Vue.component('item',{
	  	template : '<div><ul><li>1221</li><li>345</li><li>3455</li></ul></div>'
	  });
	  
	  var vm = new Vue({
	  	el : "#root",
	  	data : {
	  		message : '消息'
	  	},
	  	methods : {
	  		handleClick : function(){
	  			alert("211221");
	  		}
	  	}
	  });
	</script>
</html>
